{{extend './layout/layout.html'}}
{{block 'header'}}
<style>
  .logo {
    width: 20px;
  }
</style>
{{/block}}

{{block 'content'}}
<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <form>
      <!-- <input type="hidden" name="csrf_token" value="{{ csrfToken }}"> -->
      <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input class="form-control" id="exampleInputEmail1" name="email" type="email" placeholder="Email">
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input class="form-control" id="exampleInputPassword1" name="password" type="password" placeholder="Password">
      </div>
      <div class="checkbox">
        <label>
          <input type="checkbox"> Check me out
        </label>
      </div>
      <button class="btn btn-default" type="submit">Submit</button>
      <a href="https://github.com/login/oauth/authorize?client_id={{github.client_id}}&redirect_uri={{github.redirect_uri}}&state={{ randomString }}">
        <img class="logo" src="/images/github.png" alt="github">
      </a>
      <a href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=e050c62c022f3a74489f&redirect_uri=http://localhost:3435/qq/login&state={{ randomString }}">
        <img class="logo" src="/images/qq.png" alt="qq">
      </a>
    </form>
  </div>
</div>
{{/block}}
